<html>
	<head>
		<title>MineClient!</title>
		<link rel="stylesheet" type="text/css" href="style/main.css" />
		<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="js/api.js"></script>
		<script type="text/javascript" src="js/base-screen.js"></script>
		<script type="text/javascript" src="js/start-screen.js"></script>
		<script type="text/javascript" src="js/objects-screen.js"></script>
		<script type="text/javascript" src="js/object-screen.js"></script>
		<script type="text/javascript" src="js/tags-screen.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
	</head>
	<body>
		<div id="loading-screen">
			<p>loading...</p>
		</div>
		<div id="menu" style="display:none">
			<ul>
				<li id="objects-link"><a>Objects</a></li>
				<li id="tags-link"><a>Tags</a></li>
				<li id="relations-link" class="inactive"><a>Relations</a></li>
			</ul>
		</div>
		<div id="start-screen" style="display:none">
			<h1>MineClient!</h1>
			<label for="mine-url">Mine! url:</label><input type="text" id="mine-url" /><input type="button" value="Go!" />
			<p>like: "http://localhost/~username/mine"</p>
		</div>
		<div id="objects-screen" style="display:none">
			<h1>List objects</h1>
			<dl></dl>
		</div>
		<div id="object-screen" style="display:none">
			<h1>Object</h1>
			<dl></dl>
		</div>
		<div id="tags-screen" style="display:none">
			<h1>Tags</h1>
			<ul></ul>
		</div>
	</body>
</html>